.wrapp_content {

  
@supports (
  (height: constant(safe-area-inset-top)) or
    (height: env(safe-area-inset-top))
)
and (-webkit-overflow-scrolling: touch) {

    /*iphone 8*/
@media only screen and(device-width: 375px) and(device-height: 667px) and(-webkit-device-pixel-ratio:2) {
  
  .head-padding-top {
    padding-top: 16px;
   
  }
}
/*iphone x*/
@media only screen and(device-width: 375px) and(device-height: 812px) and(-webkit-device-pixel-ratio:3) {
  
  .head-padding-top {
    padding-top: 34px;
    
  }
} 
/* iphone Xr  iphone11*/
@media only screen and(device-width: 414px) and(device-height: 896px) and(-webkit-device-pixel-ratio:2) {
  .head-padding-top {
    padding-top: 34px;
    
  }
} 
/* iphone xs max / 11 pro max */
@media only screen and(device-width: 414px) and(device-height: 896px) and(-webkit-device-pixel-ratio:3) {
  .head-padding-top { 
    padding-top: 34px;
  }
}
 /* iphone 12 */
 @media only screen and(device-width: 390px) and(device-height: 844px) and(-webkit-device-pixel-ratio:3) {
  .head-padding-top { 
    padding-top: 34px; 
  }
}

    /*iphone12mini */
    @media only screen and(device-width: 320px) and(device-height: 693px) and(-webkit-device-pixel-ratio:3) {
  
      .head-padding-top {
        padding-top: 34px;
         
      }
    }
/*iphone12max */
@media only screen and(device-width: 428px) and(device-height: 926px) and(-webkit-device-pixel-ratio:3) {
  
  .head-padding-top {
    padding-top: 34px;
     
  }
}
}

.head-padding-top{
  height:48px;
}
   
  .page-content {
    height: 48px;
    background: #ffffff;
  }

  .page-content-ios {
    padding-top: 16px;
  }

  .page-content-iphonex {
    padding-top: 34px;
  }

  .fade-enter-active,
  .fade-leave-active {
    transition: opacity 0.5s;
  }

  .fade-enter,
  .fade-leave-to

  /* .fade-leave-active below version 2.1.8 */
    {
    opacity: 0;
  }

  .stick_btn {
    display: block;
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 59px;
    right: 10px;
    z-index: 101;
  }
}